/* 
    Document   : style
    Author     : hajo
    Description: Colors fonts and tweeking
*/

body{
    width: 60em;  /* This is the only layout done by us */
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
}

header {
    background-image:  url(../img/banner.jpg);
    background-repeat: repeat;
    background-position: center;
    border-radius:25px;
    box-shadow: 8px 8px 5px gainsboro
}

header h1{  
    padding-top: 0.5em;
    font-size: 40px;
    font-family: fantasy;
    font-style: italic;
    font-weight: 900;
    font-variant: small-caps;
    color: white;
    text-align: left;
    margin-left: 0.5em;
    vertical-align: middle;
}

header h2{  
    margin-left: 1em;
    vertical-align: middle;
    font-size: 20px;
    color: yellow
}

label, input { display:block; }
input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#products-contain { width: 350px; margin: 20px 0; }
div#products-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#products-contain table td, div#products-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

tr:nth-child(odd) { background-color:#fff; }
tr:nth-child(even) { background-color:#eee; }

#prev-button #next-button {

}

